<script setup>
import NowWeather from '../components/NowWeather.vue'
import CitySearch from '../components/CitySearch.vue'
import Future24HWeather from '../components/Future24HWeather.vue'
import Future7DWeather from '../components/Future7DWeather.vue'
import LivingIndex from '../components/LivingIndex.vue'
</script>
<template>
  <div>
    <CitySearch />
    <NowWeather />
    <div class="future">
      <Future24HWeather />
      <Future7DWeather />
    </div>
    <LivingIndex />
  </div>
</template>

<style scoped>
.future {
  display: flex;
}
.future > * {
  flex: 1;
}
</style>